<template>
    <div>
        <div class="goods-item" v-for="(v,i) in 10" :key="i">
            <img src="../../public/images/u=1878125254,116198046&fm=11&gp=0.jpg">
            <p>斗皇云韵</p>
        </div>
    </div>
</template>
<script>
export default {
    
}
</script>
<style lang="less" scoped>
.goods-item{
    width:20%;
    box-sizing:border-box;
    height:3rem;
    display:flex;
    flex-flow:row wrap;
    justify-content:center;
    align-items:center;
    padding:0 0.1rem 0.2rem 0.1rem;
    >img{
        width:100%;
        height:70%;
        border-radius:0.2rem;
    }
    >p{
        font-size:0.3rem;
    }
}
</style>